layui.config({
    base: 'assets/layuiadmin/' //静态资源所在路径
}).extend({
    index: 'lib/index', //主入口模块
}).use(['index', 'table', 'laytpl', 'laydate'], function(){
    var $ = layui.$,
        table = layui.table,
        laydate = layui.laydate;

    var h = getQueryVariable('height');
    if(h != ''){
        globalHeight = h;
    }

    laydate.render({
        elem: '#time', //指定元素
        type: 'datetime',
        range: true
    });

    table.render({
        id: 'data-table',
        elem: '#data-table',
        url: 'operate/call/list',
        where: getData(),
        toolbar: '#data-table-toolbar',
        title: '通话明细列表',
        height: globalHeight,
        page: true,
        autoSort: false,    //自主排序
        cols: [[
            {field: 'id', title: 'ID', width: 100, align: 'center'},
            {field: 'channelId', title: '通话频道', width: 100, align: 'center', hide: true},
            {field: 'fromUserId', title: '主叫方id', width: 150, align: 'center', templet: '#fromUserIdTpl'},
            {field: 'toUserId', title: '被叫方id', width: 150, align: 'center', templet: '#toUserIdTpl'},
            {field: 'callTime', title: '通话时间', width: 120, align: 'center', sort: true},
            {field: 'beginTime', title: '开始时间', width: 160, align: 'center'},
            {field: 'endTime', title: '结束时间', width: 160, align: 'center'},
            {field: 'lables', title: '评价', width: 90, align: 'center', templet: '#lablesTpl'},
            {field: 'file', title: '通话录像', align: 'center', templet: '#fileTpl'},
            {field: 'vid', title: '文件id', width: 100, align: 'center', hide: true},
            {field: 'vstatus', title: '视频状态', width: 100, align: 'center', templet: '#vstatusTpl'}
        ]],
        parseData: function(result){
            return {
                "code": result.code, //解析接口状态
                "msg": result.msg, //解析提示文本
                "count": result.data.total, //解析数据长度
                "data": result.data.datas //解析数据列表
            };
        }
    });

    //头工具栏事件
    table.on('toolbar(data-table)', function(obj){
        switch(obj.event){
            case 'search':
                var data =  getData();
                table.reload('data-table', {
                    url: 'operate/call/list',
                    where: data,
                    page: {
                        curr: 1
                    }
                });
                reloadData(data);
                break;
        };
    });

    //监听排序事件
    table.on('sort(data-table)', function(obj){
        var field = obj.field;  //当前排序的字段名
        var sort = obj.type;    //当前排序类型：desc（降序）、asc（升序）、null（空对象，默认排序）

        var data = getData();
        data.field = field;
        data.sort = sort;

        table.reload('data-table', {
            initSort: obj, //记录初始排序，如果不设的话，将无法标记表头的排序状态。
            where: data,
            page: {
                curr: 1
            }
        });
        reloadData(data);
    });

    /**
     * 获取查询数据
     * @returns {{host: jQuery, online: jQuery, keyword: (*|jQuery|Array|string|undefined), status: (*|jQuery|Array|string|undefined)}}
     */
    function getData() {
        var fromUserId;
        if($('#fromUserId').length == 0){
            fromUserId = $($('#data-table-toolbar ').html()).find('#fromUserId').val();
        }else{
            fromUserId = $('#fromUserId').val();
        }
        var toUserId = $('#toUserId').val();
        var callTimeMin = $('#callTimeMin').val();
        var callTimeMax = $('#callTimeMax').val();
        var type = $('#type').val();
        var vstatus = $('#vstatus').val();
        var time = $('#time').val();

        return {'fromUserId': fromUserId, 'toUserId': toUserId, 'callTimeMin': callTimeMin,
            'callTimeMax': callTimeMax, 'type': type, 'vstatus': vstatus, 'time': time};
    }

    /**
     * 重新渲染数据
     * @param data
     */
    function reloadData(data) {
        $('#fromUserId').val(data.fromUserId);
        $('#toUserId').val(data.toUserId);
        $('#callTimeMin').val(data.callTimeMin);
        $('#callTimeMax').val(data.callTimeMax);
        $('#type').val(data.type);
        $('#vstatus').val(data.vstatus);
        $('#time').val(data.time);
        laydate.render({
            elem: '#time', //指定元素
            type: 'datetime',
            range: true
        });
    }
});